/* 确保编辑器和预览区域布局正常 */
.content {
    display: flex;
    flex-direction: row; /* 确保左右分布 */
    gap: 10px; /* 增加间距以避免内容重叠 */
}

/* 恢复编辑框和预览区域的基本样式 */
#editor, #preview {
    flex: 1; /* 平分宽度 */
    margin: 3px;
    padding: 8px;
    border: 1px solid #ccc;
    min-height: 200px; /* 恢复最小高度 */
    box-sizing: border-box; /* 避免边框和内边距影响布局 */
}